<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客详情页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blog_detail.css">
</head>
<body>
    <div class="nav">
        <div class="flag">
            <img src="image/face2.png" alt="logo">
            <div class="title">我的博客系统</div>
        </div>

        <div class="page">
            <a href="blog_list.html">主页</a>
            <a href="blog_edit.html">写博客</a>
            <a href="">注销</a>
        </div>
    </div>

    <div class="container">
        <div class="left">
            <div class="card">
                <img src="image/face2.png" alt="face">
                <h3>不摸鱼的程序员</h3>
                <a href="https://gitee.com/">gitee地址</a>
                <div class="conter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="conter">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>
        </div>
        <div class="right">
            <h3>这是我的第一篇博客</h3>
            <div class="date">2022-4-26 14:22:00</div>
            <div class="content">
                <p>编程之路，道阻且长。Lorem ipsum dolor sit amet consectetur adipisicing elit. 
                    Obcaecati eaque sapiente tempore esse quia qui laborum cupiditate adipisci 
                    numquam doloribus voluptatibus, atque, aspernatur corrupti nemo error? 
                    Impedit molestiae fugiat soluta.
                </p>
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rem voluptas 
                    nesciunt iure, aliquam suscipit pariatur cupiditate ipsum saepe hic ipsa 
                    earum perferendis iste maxime quidem labore harum quos illum impedit.
                </p>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat excepturi 
                    aut maxime ad omnis, voluptatem eaque quae voluptatum beatae nihil perferendis 
                    enim quaerat hic quasi voluptate aspernatur nisi provident molestias.
                </p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit adipisci natus 
                    doloremque eveniet iure aperiam rem praesentium iste odit consequuntur fugiat sint 
                    commodi ducimus inventore, labore quasi eos aspernatur error!
                </p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur hic, neque omnis nemo re
                    udiandae nihil incidunt necessitatibus sit libero. Porro distinctio voluptatum ipsa temporibus 
                    nulla enim dolor! Iusto, sit adipisci.
                </p>

                
            </div>

        </div>
    </div>
</body>
</html>